﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/Visitor.master" AutoEventWireup="true" CodeFile="ChangeCustomerProfile.aspx.cs" Inherits="Visitor_ChangeCustomerProfile" %>

<%@ Register assembly="BasicFrame.WebControls.BasicDatePicker" namespace="BasicFrame.WebControls" tagprefix="BDP" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript">
    function ShowMessage() {
        alert('Change Profile Successfully !');
        window.location.href = 'index.aspx';
    }

</script>
    <style type="text/css">

        .style4
        {
            width: 138px;
        }
        .style5
        {
            font-weight: 400;
            font-size: 12px;
            color: #000000;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 20px;
            text-align: justify;
        }
        .style6
        {
            height: 45px;
            font-weight: 400;
            font-size: 12px;
            color: #000000;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 20px;
            text-align: justify;
        }
        .style7
        {
            height: 45px;
            font-weight: 400;
            font-size: 12px;
            color: #000000;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 20px;
            text-align: justify;
            width: 120px;
        }
        .style8
        {
        }
        .style9
        {
            width: 37px;
        }
        .style10
        {
            width: 57px;
        }
        .style11
        {
            width: 63px;
        }
        .style12
        {
            width: 90px;
        }
        .style14
        {
            font-weight: 400;
            font-size: 12px;
            color: #000000;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 20px;
            text-align: justify;
            width: 120px;
        }
        .style15
        {
            width: 90px;
            height: 10px;
        }
        .style16
        {
            height: 10px;
            font-weight: 400;
            font-size: 12px;
            color: #000000;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 20px;
            text-align: justify;
            width: 120px;
        }
        .style17
        {
            height: 10px;
            font-weight: 400;
            font-size: 12px;
            color: #000000;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 20px;
            text-align: justify;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <table align="center" class="style3" width="700">
        <tr>
            <td align="center" class="style3" colspan="3" 
                style="height: 30px; background-image: url('../images/bg_head.png')">
                <asp:Label ID="Label10" runat="server" Font-Bold="True" ForeColor="White" 
                    Text="Update Your Profile"></asp:Label>
            </td>
        </tr>
        <tr>
            <td class="style5" colspan="3">
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style12">
                </td>
            <td class="style14">
                <asp:Label ID="Label2" runat="server" Font-Bold="True" Text="Your Name:"></asp:Label>
            </td>
            <td class="style5">
                <asp:TextBox ID="txtYName" runat="server"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" 
                    ControlToValidate="txtYName" ErrorMessage="Your name can not be blank." 
                    Font-Bold="True" ForeColor="Red" style="font-weight: 700" 
                    SetFocusOnError="True">*</asp:RequiredFieldValidator>
                <strong>
                <asp:RegularExpressionValidator ID="RegularExpressionValidator5" runat="server" 
                    ControlToValidate="txtYName" 
                    ErrorMessage="You did not enter a valid name" ForeColor="Red" 
                    SetFocusOnError="True" ValidationExpression="[A-Z]{1}[a-zA-Z ]{4,45}">*</asp:RegularExpressionValidator>
                </strong>
            </td>
        </tr>
        <tr>
            <td class="style12">
                </td>
            <td class="style14">
            </td>
            <td class="style5">
                <asp:Label ID="Label12" runat="server" Font-Size="X-Small" 
                    Text="Your name need 5 characters. "></asp:Label>
            </td>
        </tr>
        <tr>
            <td class="style12">
                &nbsp;</td>
            <td class="style7" valign="top">
                <asp:Label ID="Label4" runat="server" Font-Bold="True" Font-Italic="False" 
                    Text="Your Birthday:"></asp:Label>
            </td>
            <td align="left" class="style6">
                <BDP:BasicDatePicker ID="bdpYBirthday" runat="server" DateFormat="MM/dd/yyyy" />
            </td>
        </tr>
        <tr>
            <td class="style12">
            </td>
            <td class="style7">
                <asp:Label ID="Label5" runat="server" Font-Bold="True" Text="Your Gender:"></asp:Label>
            </td>
            <td class="style6">
                <asp:RadioButtonList ID="rdlGender" runat="server">
                    <asp:ListItem Selected="True">Male</asp:ListItem>
                    <asp:ListItem>Female</asp:ListItem>
                </asp:RadioButtonList>
            </td>
        </tr>
        <tr>
            <td class="style12">
                &nbsp;</td>
            <td class="style7" valign="top">
                <asp:Label ID="Label6" runat="server" Font-Bold="True" Text="Your Address:"></asp:Label>
            </td>
            <td class="style6">
                <asp:TextBox ID="txtYAddress" runat="server" Height="50px" TextMode="MultiLine" 
                    Width="200px"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" 
                    ControlToValidate="txtYAddress" ErrorMessage="Your Address can not be blank." 
                    Font-Bold="True" ForeColor="Red" style="font-weight: 700" 
                    SetFocusOnError="True">*</asp:RequiredFieldValidator>
                <strong>
                <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" 
                    ControlToValidate="txtYAddress" 
                    ErrorMessage="You did not enter a valid address" ForeColor="Red" 
                    SetFocusOnError="True" ValidationExpression="[a-zA-Z0-9\s\,\''\-\.]*">*</asp:RegularExpressionValidator>
                </strong>
            </td>
        </tr>
        <tr>
            <td class="style15">
                </td>
            <td class="style16">
                <asp:Label ID="Label7" runat="server" Font-Bold="True" Text="Your Phone:"></asp:Label>
            </td>
            <td class="style17">
                <asp:TextBox ID="txtYPhone" runat="server"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" 
                    ControlToValidate="txtYPhone" 
                    ErrorMessage="Your Phone number can not be blank." Font-Bold="True" 
                    ForeColor="Red" style="font-weight: 700" SetFocusOnError="True">*</asp:RequiredFieldValidator>
                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                    ControlToValidate="txtYPhone" ErrorMessage="You did not enter a valid phone" 
                    ForeColor="Red" SetFocusOnError="True" 
                    ValidationExpression="[0-9]{1}[0-9]{6,19}">*</asp:RegularExpressionValidator>
            </td>
        </tr>
        <tr>
            <td class="style12">
                </td>
            <td class="style14">
            </td>
            <td class="style5">
                <asp:Label ID="Label11" runat="server" Font-Size="X-Small" 
                    Text="Include 7 digits for phone number"></asp:Label>
            </td>
        </tr>
        <tr>
            <td class="style12">
                &nbsp;</td>
            <td colspan="2">
                <asp:ValidationSummary ID="vsErro" runat="server" ForeColor="Red" />
            </td>
        </tr>
        <tr>
            <td class="style12">
            </td>
            <td class="style8">
                &nbsp;</td>
            <td class="style8">
                <asp:ImageButton ID="imgbChange" runat="server" 
                    ImageUrl="~/images/img_bChange.png" onclick="imgbChange_Click" />
                <asp:ImageButton ID="imgbCancel" runat="server" 
                    ImageUrl="~/images/img_bCancel.png" onclick="imgbCancel_Click" />
            </td>
        </tr>
        <tr>
            <td class="style12">
                &nbsp;</td>
            <td class="style8">
                &nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>
    </table>
</asp:Content>

